<!DOCTYPE html>
<html>

<head>
<title>入住登记-亲属信息</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="../../../common/css/bootstrap-responsive.css"
	rel="stylesheet" media="screen">
<link href="../../../common/css/bootstrap.css" rel="stylesheet"
	media="screen">
</head>
<style type="text/css">
.pagination-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1em;
}
</style>

<body>

	<article class="container-fluid">
		<section class="row-fluid">
			<div class="span12">
				<ul class="breadcrumb">
					<li><a href="/view/checkin/list/checkin-list.html">返回</a><span
						class="divider">/</span></li>
					</li>
					<li><a href="/index.html">主页</a> <span class="divider">/</span>
					</li>
					<li><a href="/index.html">客户管理</a> <span class="divider">/</span>
					</li>
					<li><a href="/view/checkin/list/checkin-list.html">入住登记</a><span
						class="divider">/</span></li>
					</li>
					<li class="active">亲属信息</li>
				</ul>
			</div>
		</section>
		<section class="row-fluid">
			<div class="span2 offset2">
				<a class="btn btn-primary"
					href="/view/checkin/add/relative-add.html">新增</a>
			</div>
			<div class="row-fluid">
				<table class="table table-hover">
					<thead>
						<tr>
							<th>序号</th>
							<th>客户姓名</th>
							<th>亲属姓名</th>
							<th>性别</th>
							<th>身份证号</th>
							<th>工作号码</th>
							<th>私人号码</th>
							<th>邮箱</th>
							<th>微信</th>
							<th>地址</th>
							<th>关系</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody v-if="result!==null">
						<tr v-for="(row,i) in result">
							<td>{{i+1}}</td>
							<td>{{row.elderName}}</td>
							<td>{{row.name}}</td>
							<td v-if="row.male">男</td>
							<td v-if="!row.male">女</td>
							<td>{{row.idCard}}</td>
							<td>{{row.workPhone}}</td>
							<td>{{row.privatePhone}}</td>
							<td>{{row.email}}</td>
							<td>{{row.wechat}}</td>
							<td>{{row.address}}</td>
							<td>{{row.relation}}</td>
							<td><a :href="'../mod/relative-mod.html?id='+row.id"
								class="btn btn-link">查看</a></td>
						</tr>
					</tbody>
				</table>

			</div>
		</section>
	</article>
	<script src="http://code.jquery.com/jquery.js"></script>
	<script src="../../../common/js/bootstrap.js "></script>
	<script src="../../../common/axios.min.js "></script>
	<script src="../../../common/jun/yi.toast.js "></script>
	<script src="../../../common/vue.js "></script>
	<script src="relative-list.js"></script>
</body>

</html>